<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup

</script>

<template>
<div>
  <zw-codemirror class="zw-code" theme="material" mode="javascript" >
    <link rel="stylesheet" href="codemirror/codemirror.css">
    <link rel="stylesheet" href="codemirror/theme/material.css">
    <textarea type="wc-content">
      var editor = CodeMirror.fromTextArea(myTextarea, {
        lineNumbers: true
      });
    </textarea>
  </zw-codemirror>
</div>
</template>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zw-code::part(CodeMirror) {
  height: auto;
  font-family: Consolas, Arial,sans-serif;
  font-size: 14px;
}
</style>
